<!DOCTYPE html>
<html lang="zn-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XUYUAN - 旭源汽配</title>

    <!--vendor css ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/vendor.css">

    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/10.3.1/swiper-bundle.min.css" />

    <!--Bootstrap ================================================== -->
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0-alpha3/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
    <link rel="stylesheet"
        href="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">

    <!-- Style Sheet ================================================== -->
    <link rel="stylesheet" type="text/css" href="style.css">

    <!-- Google Fonts ================================================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&family=Oswald:wght@500;600;700&display=swap"
        rel="stylesheet">

    <!-- script ================================================== -->
    <script src="js/modernizr.js"></script>

</head>

<body data-bs-spy="scroll" data-bs-target="#header-nav" tabindex="0">


    <nav class="navbar fixed-top navbar-expand-lg container-fluid p-4" style="color: #0c68f1">
        <div class="container-fluid">
            <a class="navbar-brand" href="index.html"><img src="images/XUYUAN.jpg" alt="logo"></a>                    
        </div>
    </nav>

    <section id="hero" style="background-image:url(images/RC.jpg);">
        <div class="container padding-large">
            <div class="row">
                <div class="col-md-6 offset-md-3 text-center">
                    <!-- <p class="header-top text-blue mb-4">专注细节 制造精品</p> -->
                    <h2 class="display-1 text-white mb-5" style="background-color: #0c68f1">许昌旭源汽配有限公司</h2>
                    <!-- <button type="button" class="btn btn-outline-primary align-items-center "> -->
                        <!-- 专注细节 制造精品 -->
                        <!-- <iconify-icon icon="tabler:arrow-right" class="arrow-icon"></iconify-icon> -->
                    <!-- </button> -->
                </div>
            </div>
        </div>
    </section>

    <section id="about">
        <div style="overflow: hidden;">
            <div class="container-fluid border-bottom" data-aos="zoom-out">
                <div class="container">
                    <div class="row align-items-center ">
                        <div class="col-md-6 padding-medium pe-5 border-end">
                            <p class="header-top mb-3">为什么选择我们</p>
                            <h2 class="display-4 ">我们是一家专业从事汽车传动轴研发、制造、销售的现代化企业，建筑面积16000平方米。</h2>
                        </div>
                        <div class="col-md-6 padding-medium-2 ps-md-5">
                            <p class="ms-md-5 ">
                                位于中原腹地，汉魏故都河南省许昌市尚集镇开发区。郑州南8公里处，厂区东临107国道，距京广铁路许昌站3公里，距京珠高速公路入口3公里，距郑州国际机场40公里，交通便利，环境优美，资讯发达。
                                <br>
                                拥有锻造车间、金切加工、总装、油漆等加工车间。公司还配备化验室整套设施，熟练各种锻件精加工及组装成整件。
                                公司主要生产轻、中、重型及军车产品配套、工程机械传动轴总成等，是同行业中生产周期最短、品种最齐全、服务最到位的专业化生产厂家。
                                <br>
                                公司一直以为客户创造价值、为伙伴创造效益、为员工创造前程、为社会创造财富为宗旨，以卓越品质、完美服务、持续改进、满足客户需求为方针。竭诚为国内外客户提供优质服务，携手合作，共同发展!
                            </p>
                            <!-- <a href="about.html" class="btn btn-primary ms-5 mt-3 ">About us <iconify-icon
                                    icon="tabler:arrow-right" class="arrow-icon"></iconify-icon>
                            </a> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="process" class="my-5">
        <div style="overflow: hidden;">
            <div class="container" data-aos="zoom-out">
                <div class="row">
                    <div class="col-md-6 col-lg-3">
                        <div class="py-3 py-md-5 px-3">
                            <h4 class="mb-3"> <span class="heading-color">01.</span> 伸缩式传动轴</h4>
                            <p>telescopic transmission shaft
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="py-3 py-md-5 px-3">
                            <h4 class="mb-3"> <span class="heading-color">02.</span> 带支撑传动轴</h4>
                            <p>Drive shaft with support
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="py-3 py-md-5 px-3">
                            <h4 class="mb-3"> <span class="heading-color">03.</span> 翼型传动轴</h4>
                            <p>Airfoil drive shaft
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="py-3 py-md-5 px-3">
                            <h4 class="mb-3"> <span class="heading-color">04.</span> 连体传动轴</h4>
                            <p>Connecting drive shaft
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </section>

    <section id="project" class="py-5" style="background-image:url(images/project-img.jpg);">
        <div style="overflow: hidden;">
            <div data-aos="zoom-out">
                <div class="container position-relative d-sm-flex py-5 mt-5 mb-2">
                    <div>
                        <p class="header-top mb-3">精工精造</p>
                        <h2 class=" text-white display-4 "style="background-color: #0c68f1">产品展示</h2>
                    </div>

                    <div class="swiper-arrow position-absolute end-0 mt-sm-5 ms-3">
                        <iconify-icon icon="teenyicons:arrow-left-solid" class="icon-arrow-left me-3"></iconify-icon>
                        <iconify-icon icon="teenyicons:arrow-right-solid" class="icon-arrow-right"></iconify-icon>
                    </div>
                </div>

                <div class="container-fluid">
                    <div class="swiper project-swiper mb-4">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chaundong1.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/chaundong1.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong2.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/chuandong2.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong3.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/chuandong3.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong4.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/chuandong4.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong5.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/chuandong5.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong6.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/chuandong6.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong7.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/chuandong7.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong8.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/chuandong8.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong8.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/shebei3.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong8.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/shebei2.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <a href="images/chuandong8.jpg" title="传动轴" class="image-link">
                                        <img class="portfolio-img img-fluid" src="images/shebei1.jpg" alt="">
                                        <div
                                            class="description position-absolute top-50 start-50 translate-middle text-center p-3">
                                            <p class="text-white">传动轴</p>
                                            <h3 class="text-white">高品质</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="text-center pb-5 mb-5">
                    <!-- <a href="project.html" class="btn btn-primary mt-5 ">Browse projects <iconify-icon
                            icon="tabler:arrow-right" class="arrow-icon"></iconify-icon>
                    </a> -->
                </div>
            </div>
        </div>

    </section>

    

    <section id="blog" class="my-5">
        <div style="overflow: hidden;">
            <div class="container  py-5" data-aos="zoom-out">

                <p class="text-center header-top">Our blog</p>
                <h2 class="text-center display-4 mb-5 ">联系我们</h2>
                              
                
                <div class="text-center">
                    
                </div>


            </div>
        </div>
    </section>
    
    <section id="info">
        <div style="overflow: hidden;">
            <div class="container" data-aos="zoom-out">
                <div class="row align-items-center ">
                    <div class="col-md-4 text-center padding-medium border-end">
                        <p class="header-top mb-4">联系方式</p>
                        <p class="mb-2">156 3743 6575</p>            
                        <p class="mb-2">156 3744 7166(同微信号)</p>            
                    </div>
                    <div class="col-md-4 text-center padding-medium border-end">
                        <p class="header-top mb-4">工作微信</p>                        
                        <a class="navbar-brand" ><img src="images/WEIXIN.jpg" alt="logo"></a>
                    </div>
                    <div class="col-md-4 text-center padding-medium">
                        <p class="header-top mb-4">厂家地址</p>
                        <p class="mb-2">河南省许昌市建安区昌盛路西段</p>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="footer">        
        <div class="container">
            <footer class="d-flex flex-wrap justify-content-between align-items-center py-2 pt-4">
                
                <div class="col-md-6 d-flex align-items-center justify-content-end">
                    <p class="">© 2024 <a target="_blank" href="index.html" title="许昌旭源汽配有限公司" class="website-link text-decoration-none">许昌旭源汽配有限公司</a></p>
                </div>

            </footer>
        </div>
    </section>

    <!-- script ================================================== -->
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/script.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0-alpha3/js/bootstrap.bundle.min.js"
        integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
        crossorigin="anonymous"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/10.3.1/swiper-bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/iconify-icon@1.0.7/dist/iconify-icon.min.js"></script>


</body>

</html>